@import './variable.scss';

// 选项卡的背景色和边框
.el-tabs--border-card,
.el-tabs--border-card > .el-tabs__header,
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  background-color: $menu-bg-color1 !important;
  color: $menu-text-color1 !important;
  border: none !important;
  font-size: 12px !important;
  .is-active {
    background-color: $menu-bg-color3 !important;
    color: greenyellow !important;
  }
}
// 选项卡与周围的边距
// .el-tabs--border-card {
//   margin: 1px 1px !important;
// }
// 选项卡的标题高度以及之间的水平间距
.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  line-height: 24px !important;
  height: 24px !important;
  padding: 1px 10px !important;
}
// 选项卡的内容区距离左边留个缝隙
.el-tabs--border-card > .el-tabs__content,
.el-tabs--border-card > .el-tabs__content > .el-tab-pane {
  background-color: $menu-bg-color3 !important;
  padding: 1px 1px !important;
  border: none !important;
}

// 取消折叠面板的边框
.el-collapse {
  border: none !important;
  // width: 100% !important;
  // height: 100% !important;
}

// 折叠面板的内容区(背景色、边框、字体、边距等)
.el-collapse-item__wrap,
.el-collapse-item__content {
  background-color: $menu-bg-color3 !important;
  color: $menu-text-color1 !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 0px !important;
  font-size: 12px !important;
  line-height: 1.5em !important;
}

// 折叠面板底部留一定的空白
.el-collapse-item {
  margin: 0 0 1px !important;
}

// 折叠面板标题行(背景色、边距、高度、字体)
.el-collapse-item__header,
.el-collapse-item__header.is-active {
  background-color: $panel-header-color !important;
  color: $menu-text-color1 !important;
  border: none !important;
  padding: 0 0px !important;
  padding-left: 5px !important;
  margin: 0 !important;
  height: 24px !important;
  max-height: 24px !important;
  line-height: 24px !important;
  font-size: 12px !important;
  // font-weight: 600 !important;
}

.el-collapse-item__header.is-active {
  i {
    background-color: $panel-header-color !important;
    color: $menu-text-color1 !important;
  }
}
